<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>佣金记录</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: Arial, "Microsoft YaHei";
			}
			body {
				background: url(../images/takeGame/bj.jpg);
				background-size: 100% 100%;
				height: 97vh;
				overflow: hidden;
			}
			ul,li {list-style: none;}
			.wrapper {
				width: 88%;
				margin-left: 2%;
				color: white;
				/*height: 50vh;*/
				padding: 2% 3%;
				margin-top: 3vh;
				background: -o-linear-gradient(top, #391b3a, #1c0b1c);
				background: -moz-linear-gradient(top, #391b3a, #1c0b1c);
				background: -webkit-linear-gradient(top, #391b3a, #1c0b1c);
				border-radius: .5rem;
				overflow: hidden;
				overflow: scroll;
				border: .1rem solid #993399;
				box-shadow: .1rem .1rem .4rem #993399;
				font-size: .8rem;
			}
			.wrapper h3{
				text-align: center;
				font-size: 1rem;
				border-bottom: 1px solid #f74cf7;
				padding-bottom: .5rem;
			}
			.lis li {
				display: flex;
				justify-content: space-between;
				padding: 0 .5rem;
				height: 6vh;
				line-height: 6vh;
				border-bottom: 1px solid #f74cf7;
				font-size: .8rem;
			}
			.lis li:last-child {
				border: none;
				padding-bottom: 0;
			}
			.lis li span:nth-of-type(2) {
				margin-left: -7vw;
			}
			.lis li span:last-child {
				float: right;
			}
			.today li:first-child {
				font-size: 1rem;
			}
			.today li:last-child {
				color: #f74cf7;
			}
			.historyWraper {
				height: 29vh;
			}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<h3>我的下线</h3>
			<ul class="lis">
				<li>
					<span>1级（0人）</span>
					<span>今日收益</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>2级（0人）</span>
					<span>今日收益</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>3级（0人）</span>
					<span>今日收益</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>4级（0人）</span>
					<span>今日收益</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>5级（0人）</span>
					<span>今日收益</span>
					<span>0.00元</span>
				</li>
			</ul>
		</div>
		<div class="today wrapper">
			<ul class="lis">
				<li>
					<span>今日佣金</span>
					<span>累计佣金</span>
				</li>
					<li>
					<span>2017/10/18</span>
					<span>0.00元</span>
				</li>
			</ul>
		</div>
		<div class="historyWraper wrapper">
			<h3>历史佣金</h3>
			<ul class="lis">
				<li>
					<span>2017/10/18</span>
					<span>15:54</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>2017/10/18</span>
					<span>15:54</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>2017/10/18</span>
					<span>15:54</span>
					<span>0.00元</span>
				</li>
				<li>
					<span>2017/10/18</span>
					<span>15:54</span>
					<span>0.00元</span>
				</li>
			</ul>
		</div>
	</body>
</html>
